<!DOCTYPE html>
<html>
<head>

<meta charset=utf-8>
<meta content="text/html">
<style type="text/css">
    header,nav,article,footer{
        border:solid 1px #F66;
        padding:5px;
    }
    header{width:500px;}
    nav{float:left;width:60px;height:100px;}
    article{float:left;width:428px;height:100px;}
    footer{clear:both;width:500px;}

</style>
    <title>页面分栏</title>
</head>
<body>
      <header >导航</header><!-- /header -->
      <nav>菜单</nav>
      <article>内容</article>
       <footer>底部</footer>


</body>
</html>